import Vue from 'vue'
import Router from 'vue-router'

import Color from 'demo/color'
import Button from 'demo/button'
import Divider from 'demo/divider'
import Tag from 'demo/tag'
import Tabs from 'demo/tabs'
import ColorBox from 'demo/colorBox'
import Panel from 'demo/panel'
import Notice from 'demo/notice'
import Dialog from 'demo/dialog'
import Tooltip from 'demo/tooltip'
import Poptip from 'demo/poptip'
import MenuTree from 'demo/tree'
import Life from 'demo/life'
import LoadingBar from 'demo/loadingBar'
import AutoComplete from 'demo/autocomplete'
import Select from 'demo/select'
import Input from 'demo/input'
import Radio from 'demo/radio'
import Checkbox from 'demo/checkbox'
import Switch from 'demo/switch'
import Slider from 'demo/slider'
import DatePicker from 'demo/datePicker'
import TimePicker from 'demo/timePicker'
import Table from 'demo/tableExpand'
import Form from 'demo/form'
import Breadcrumb from 'demo/breadcrumb'
import Menu from 'demo/menu'
import Dropdown from 'demo/dropdown'
import Page from 'demo/page'
import Main from 'admin-template/Main'
import Login from 'demo/login'
import spin from 'demo/spin'
import collapse from 'demo/collapse'
import upload from 'demo/upload'
import circle from 'demo/circle'
import Steps from 'demo/steps'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Login',
      component: Login
    },
    {
      path: '/Main',
      name: 'Main',
      component: Main,
      children: [
        {
          path: '/Color',
          name: 'Color',
          component: Color

        }, {
          path: '/Button',
          name: 'Button',
          component: Button

        }, {
          path: '/AutoComplete',
          name: 'AutoComplete',
          component: AutoComplete

        }, {
          path: '/Select',
          name: 'Select',
          component: Select

        }, {
          path: '/Table',
          name: 'Table',
          component: Table

        }, {
          path: '/Form',
          name: 'Form',
          component: Form

        }, {
          path: '/Tag',
          name: 'Tag',
          component: Tag

        }, {
          path: '/ColorBox',
          name: 'ColorBox',
          component: ColorBox

        }, {
          path: '/Divider',
          name: 'Divider',
          component: Divider

        }, {
          path: '/Panel',
          name: 'Panel',
          component: Panel

        }, {
          path: '/Notice',
          name: 'Notice',
          component: Notice

        }, {
          path: '/Dialog',
          name: 'Dialog',
          component: Dialog

        }, {
          path: '/Tooltip',
          name: 'Tooltip',
          component: Tooltip

        }, {
          path: '/Poptip',
          name: 'Poptip',
          component: Poptip

        }, {
          path: '/MenuTree',
          name: 'MenuTree',
          component: MenuTree

        }, {
          path: '/Life',
          name: 'Life',
          component: Life

        }, {
          path: '/LoadingBar',
          name: 'LoadingBar',
          component: LoadingBar

        }, {
          path: '/spin',
          name: 'spin',
          component: spin

        }, {
          path: '/Input',
          name: 'Input',
          component: Input

        }, {
          path: '/Radio',
          name: 'Radio',
          component: Radio

        }, {
          path: '/Checkbox',
          name: 'Checkbox',
          component: Checkbox

        }, {
          path: '/Switch',
          name: 'Switch',
          component: Switch

        }, {
          path: '/Slider',
          name: 'Slider',
          component: Slider

        }, {
          path: '/DatePicker',
          name: 'DatePicker',
          component: DatePicker

        }, {
          path: '/TimePicker',
          name: 'TimePicker',
          component: TimePicker

        }, {
          path: '/Breadcrumb',
          name: 'Breadcrumb',
          component: Breadcrumb

        }, {
          path: '/Menu',
          name: 'Menu',
          component: Menu

        }, {
          path: '/Dropdown',
          name: 'Dropdown',
          component: Dropdown

        }, {
          path: '/Page',
          name: 'Page',
          component: Page

        }, {
          path: '/Tabs',
          name: 'Tabs',
          component: Tabs

        }, {
          path: '/collapse',
          name: 'collapse',
          component: collapse

        }, {
          path: '/upload',
          name: 'upload',
          component: upload

        }, {
          path: '/circle',
          name: 'circle',
          component: circle

        }, {
          path: '/Steps',
          name: 'Steps',
          component: Steps

        }
      ]
    }
  ]
})
